@(message: String)

@views.html.common.layout("Monitor: Schedule", "monitor") {
	<script src="@routes.Assets.at("javascripts/monitor/schedule.js")" type="text/javascript"></script>
	
	<script>	
		var urlSearch = "@controllers.monitor.routes.ScheduleController.search()";

		$(function(){
			init();
			
			setAutoRefreshGrid(15);
			
			$("#ddlType").kendoDropDownList();
			$("#ddlStatus").kendoDropDownList();
			
			$("#btnSearch").kendoButton();
			
			$("#btnSearch").click(function(){
				search();
			});
			
            $("#startTime").kendoDatePicker({
                format: "yyyy/MM/dd"
            });
                
            $("#endTime").kendoDatePicker({
                format: "yyyy/MM/dd"
            });
		});
		
	</script>		
	<div style="height:10px;"></div>
	
 	<div id="frmSearch" class="search-section">
		<div class="search-header">Form search</div>
		<div class="search-body">
		<table>
			<tr>
				<td>Type</td>
				<td>
					<select id="ddlType" class="search" name="type" style="width:220px;">
						<option value="0">All</option>
						@for(item <- service.Constant.scheduleType) {
						  <option value="@item.id">@item.name</option>
						} 
					</select>
				</td>
			</tr>
			<tr>
				<td>Status</td>
				<td>
					<select id="ddlStatus" class="search" name="status">
						<option value="-1">All</option>
						@for(item <- service.Constant.scheduleStatus) {
						  <option value="@item.id">@item.name</option>
						} 
					</select>
				</td>
			</tr>
			<tr>
				<td>Start time</td>
				<td>
					 <input id="startTime" style="width:120px;" class="search" name="startTime"/>
				</td>
			</tr>
			<tr>
				<td>End time</td>
				<td>
					<input id="endTime" style="width:120px;" class="search" name="endTime"/>
				</td>
			</tr>
		</table>
		
		<button id="btnSearch" class="k_button">Search</button>
		</div>
	</div>
	
	<div id="grid" style="min-height: 500px"></div>
}
